

.layout-default {
  -webkit-font-smoothing: antialiased;
  font-family: "-apple-system",
  BlinkMacSystemFont,
  Roboto,
  "Helvetica Neue",
  "MIcrosoft YaHei",
  sans-serif !important;
  background-color: #F8F8F8;
  height: 100vh;
  width: 100%;
  background-image: url('https://img.moedog.org/images/2019/08/21/site_head.png');
  background-size: cover;
  background-repeat: no-repeat;
  overflow: scroll;
  background-position: right bottom;
  // background: url('https://s2.hdslb.com/bfs/static/blive/blfe-message-web/static/img/infocenterbg.a1a0d152.jpg') top/cover no-repeat fixed;
  // background: #d2e9fb url('https://s2.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/background.bc725153.png') top/contain no-repeat;
  .el-header,.el-main,.el-footer {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: unset;
  }
  .el-main {
    width: 1170px;
    .main-content > .el-col:nth-child(1) > div {
      // width: 750px;
      height: 100%;
    }
    .sidebar-box {
      position: sticky;
      top: 60px;
    }
  }
}


.layout-blank {
  -webkit-font-smoothing: antialiased;
  font-family: "-apple-system",
  BlinkMacSystemFont,
  Roboto,
  "Helvetica Neue",
  "MIcrosoft YaHei",
  sans-serif !important;
  background-color: #F8F8F8;
  width: 100%;
  background: url('https://img.xiaoyou66.com/images/2020/02/06/tKb5.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  overflow: scroll;
  background-position: right bottom;
}